!function () {
    // Export selectors engine
    var $$ = Dom7;

//var base_url = "http://localhost:8888/waya_wap/hardfun/";
    var base_url = "http://wap.nldou.com/hardfun/";

    var games = [
        {
            name:'逗逗小分队',vid:'s0357yao4j2',img:base_url+'img/hardfun-01.jpg',
            title:'逗逗小分队游戏说明',pre:'如何提高专注力的持久性？这就是逗逗小分队的目标！在快乐的游戏中，让孩子的观察力和反应力' +
        '迅速提高，而且还能让孩子的专注力持续时间更长！',
            ability:'专注、观察、反应',person:'1-5人',age:'5岁以上',rule:'游戏开始前，先在桌面上摆上30张卡牌（6x5），然后' +
        '每人发一张手牌，同时翻开，玩家各自在桌面的卡牌中寻找跟自己手牌相同，或者只有一个差异的卡牌，找到这张卡牌后即可收为' +
        '己有，并再次寻找跟拿起的卡牌相同，或者只有一个差异的卡牌，以此类推。游戏中，任意一位玩家可以随时喊停，这时大家同时停下，' +
        '并检查每位玩家拿起的卡牌是否符合规则，并统计数量。最终，获得卡牌最多的玩获胜。'
        },
        {
            name:'小鸭农场',vid:'a03579jdc1l',img:base_url+'img/hardfun-02.jpg',
            title:'小鸭农场游戏说明',pre:'这套卡牌能够帮助孩子在轻松愉快的氛围中掌握10以内的计算方法，' +
        '锻炼孩子的运算和策略能力。更重要的是帮助孩子迅速建立“数感”——数字与实物的联系，这种从现实世界的具象入手，' +
        '带领孩子进入抽象的数学世界，能够帮助孩子建立起自己的数理逻辑能力，为孩子之后的数学学习打下坚实的基础。',
            ability:'计算、策略、情商',person:'2-5人',age:'5岁以上',rule:'大家轮流随机抓牌，手中卡牌上的小鸭总数' +
        '接近10的时候，玩家需要决定是继续抓牌还是放弃，如果继续抓牌，小鸭的总数若超过10，那么就会“爆炸”，则手里的所有' +
        '卡牌充公；小鸭的总数如没有超过10，那么不会“爆炸”，则所有的小鸭都可以给自己计分。最终得分最高的玩家获胜。'
        },
        {
            name:'表情帝',vid:'w0357fk2jwz',img:base_url+'img/hardfun-03.jpg',
            title:'表情帝游戏说明',pre:'通过手势和表情，表情帝卡牌可以培养孩子的观察力和记忆力，同时，这套卡牌在潜移默化中' +
        '让孩子发现既需要关注自己的牌，也需要关注他人动作表情才能赢，这是非常重要的情商训练。',
            ability:'情商、观察力、记忆力',person:'3-8人',age:'4岁以上（手势牌）；5岁以上（表情牌）',rule:'每位玩家可以指' +
        '定场上任意一位其他玩家，作出卡牌手势/表情，得到被指定的玩家手上所有的该类型卡牌，集齐4张相同类型的卡牌即可放入牌堆，' +
        '依次轮流进行。最先出完手牌或获得最多组合的玩家获胜。'
        },
        {
            name:'寻找喵喵',vid:'c03578btt1a',img:base_url+'img/hardfun-04.jpg',
            title:'寻找喵喵游戏说明',pre:'这套卡牌让孩子观察卡牌上出现的各种元素，通过排除法或其他孩子喜欢的方法，逐渐让他归纳找' +
        '到规律，并寻找到喵喵，这个游戏可以有效培养孩子的观察、语言和逻辑能力。',
            ability:'逻辑、语言、观察',person:'2-4人',age:'4岁以上',rule:'游戏开始前，先将24张房子牌平铺在桌面上（6x4），然后' +
        '选出一位玩家担任“绿巫婆”的角色。游戏开始，所有玩家闭上眼睛转过身，由绿巫婆在任意一张房子牌下藏好一张猫猫牌。然后，其他玩家' +
        '开始提问，如猫猫是不是躲在具有波浪形屋顶的房子里，巫婆只能回答是或不是。最先猜出猫猫的玩家获得一只猫猫，然后重新开始游戏，当所' +
        '有5张猫猫牌都用完时游戏结束，获得猫猫最多的玩家获胜。'
        },
        {
            name:'加10赛',vid:'q0357z3xpec',img:base_url+'img/hardfun-05.jpg',
            title:'加10赛游戏说明',pre:'这套卡牌可以帮助孩子在轻松愉快的氛围中掌握算数“凑十法”，提高孩子的计算速度，同时培养孩子的观察力和反应力。',
            ability:'计算、反应力、观察力',person:'3-8人',age:'4岁以上',rule:'每位玩家同时翻开自己牌堆中第一张卡牌，当发现所有翻开的卡牌中，' +
        '有两张相加等于10时，需迅速按响桌面铃铛，并拿走那两张牌。最终获得最多卡牌的玩家胜出。'
        },
        {
            name:'GoGo碰',vid:'q0357k4nxrb',img:base_url+'img/hardfun-06.jpg',
            title:'GOGO碰游戏说明',pre:'这套卡牌能够帮助孩子在轻松愉快的氛围中掌握小学一年级学习所需要用到的英语名词，并且能迅速观察和' +
        '识别相对应的图案，增强反应力',
            ability:'英语、专注、观察',person:'2-6人',age:'5岁以上',rule:'每位玩家平均分配所有卡牌，游戏开始时，任意一位玩家翻起' +
        '一张卡牌，所有玩家同时观察手牌,找出自己手牌中，具有与桌面卡牌中的图案或英语单词相同的卡牌，并放到桌面（如桌面卡牌上有' +
        '小鸟或bird，如果有，则迅速放到桌面，以此类推），进行接龙。最快出完手牌的玩家获得游戏胜利。'
        },
        {
            name:'图形接龙',vid:'y0357u6ge04',img:base_url+'img/hardfun-07.jpg',
            title:'图形接龙游戏说明',pre:'这套卡牌帮助孩子在轻松愉快的氛围中掌握物品与形状之间的关联，并能做出类别化的分类决策，' +
        '锻炼孩子在分类方面的逻辑思维能力，同时培养孩子的观察力和想象力。',
            ability:'逻辑、策略、想象',person:'2-5人',age:'5岁以上',rule:'游戏开始时，每位玩家抽取一张图形牌，然后抓取' +
        '五张游戏牌。第一位玩家出牌后，从牌堆中补一张牌，接着下家也出一张牌，并将牌与上家的牌的空格处连接，然后补牌，以此' +
        '类推。当所有牌都用完时，开始计算得分，桌面上所有具有玩家图形牌的游戏牌记为一分，当出现连接时，则平方计分（两张连接为4分，三张为9分，以此类推），最终得分最高者获胜。'
        },
        {
            name:'小兔一家亲',vid:'f03577r9lou',img:base_url+'img/hardfun-08.jpg',
            title:'小兔一家亲游戏说明',pre:'这套卡牌的目的在于帮助孩子掌握简单的数数和基本算数，锻炼孩子的观察能力，同时游戏的策略性和趣味性也能大大吸引孩子参与其中。',
            ability:'算术、策略、观察',person:'2-4人',age:'5岁以上',rule:'游戏开始时每位玩家抓取5张小兔牌（每张牌上有一只、两只或三只小兔），' +
        '由其中一位玩家打出一张只有一只小兔的牌，则下家需要打出一张含有两只小兔的牌，以此类推。若手牌中没有相对应的小兔牌，则不能出牌，还需要从' +
        '牌堆中再拿一张牌。手牌可以叠加，如需要打出5只小兔的牌，则可以同时打出2只小兔牌+3只小兔牌等，先出完手牌的玩家获得一张宝物牌，最先集齐五个宝物的玩家获胜。'
        },
        {
            name:'彩虹乐园',vid:'g0357qtil0c',img:base_url+'img/hardfun-09.jpg',
            title:'彩虹乐园游戏说明',pre:'这套卡牌帮助孩子在轻松愉快的氛围中锻炼瞬时记忆能力，掌握颜色、动物、数字和水果的英文单词，同时这套卡牌也培养了孩子专注力的分配性和广度。',
            ability:'专注力、即时记忆、英语',person:'2-6人',age:'4岁以上',rule:'所有卡牌分为三类：动物、颜色和水果，游戏开始时，在每一类卡牌下放一张对应的卡牌' +
        '（比如，动物：马；颜色：黄色；水果：三个苹果），并让大家记好，然后翻过来盖住。游戏开始，从牌堆中抽一张牌，比如是七个草莓，则这时大家抢答，迅速说出在水' +
        '果类下面的卡牌是三个苹果，最先答对的玩家获得三个苹果这张牌，并将七个草莓这张牌反面放到水果类卡牌下面，接着重新从牌堆中抽牌并抢答。最终获得卡牌最多的玩家获胜。'
        },
        {
            name:'指环王',vid:'n0357l7o2hv',img:base_url+'img/hardfun-10.jpg',
            title:'指环王游戏说明',pre:'这套卡牌可以让孩子在游戏中迅速区分左右手，锻炼快速反应能力，同时建立最基本的逻辑关系能力，还能培养色彩感知能力。',
            ability:'逻辑、观察、反应',person:'2-6人',age:'4岁以上',rule:'快速判断卡牌所示的左右手心手背，根据图示分辨不同彩圈套到相应手指，最快按' +
        '响铃铛者得分。最终赢得最多卡牌者获胜。'
        },
        {
            name:'分类连连看',vid:'l03572q0mp1',img:base_url+'img/hardfun-11.jpg',
            title:'分类连连看游戏说明',pre:'这套卡牌帮助孩子在轻松愉快的氛围下辨别不同物品是否属于同一类型，并进行初步的逻辑归类，同时这一游戏还能培养孩子的观察力和记忆力。',
            ability:'逻辑、观察、情商',person:'2-6人',age:'4岁以上',rule:'游戏开始时，每位玩家抓取五张手牌，然后由其中一位玩家先出一张牌，并从牌堆中补一张牌，下家也打' +
        '出一张牌，接在上家牌的下方并补牌，依次类推。当某一位玩家打出的牌跟前面的牌相同，或者属于同一类时，他即可拿走这两张牌中间的所有卡牌。最终，获得卡牌最多的玩家获胜。'
        },
        {
            name:'土豆快跑',vid:'g0357oi2zee',img:base_url+'img/hardfun-12.jpg',
            title:'土豆快跑游戏说明',pre:'这套卡牌帮助孩子在轻松愉快的氛围中锻炼快速反应能力和观察能力，更重要的是培养孩子的转移性和集中性。',
            ability:'专注力、观察力、反应力',person:'2-6人',age:'5岁以上',rule:'卡牌上有颜色（黄、红、蓝）和物体（土豆、小熊、沙发' +
        '、礼帽和收音机）两大元素，每次从牌堆中翻起一张卡牌，若卡牌上的物体、颜色与实物道具相符，则迅速抓取相应的实物道具；若卡牌上' +
        '的物体没有相对应的实物道具，则需要抓取与卡牌上的物体、颜色均不相同的那个实物道具。抓取正确者获得相应卡牌，并重复游戏，最终获得卡牌最多者获胜。'
        },
        {
            name:'采蘑菇',vid:'i0374ozbqnv',img:base_url+'img/hardfun-13.jpg',
            title:'采蘑菇游戏说明',pre:'采蘑菇游戏的宗旨就是希望您和您的孩子在轻松愉快的氛围下学习并熟悉20以内数字的加减法。在游戏的过程中，希望你们能有较多的肢体接触，增进亲子关系。',
            ability:'专注力、数学',person:'2-6人',age:'4岁以上',rule:'将卡牌平均分给每个玩家，玩家不能看牌，背面朝上。游戏开始，所有玩家同时翻出自己牌堆的一张牌，正面朝上翻开到桌面上，' +
        '当符合以下两种规则，即可用双手拍蘑菇牌（注意每只手只能挑一张蘑菇牌拍）：<br><br>规则一：当桌面上没有出现篮子牌，而出现的蘑菇颜色达到5种时，挑选蘑菇数量总数最多的那种颜色的蘑菇卡牌来拍。' +
        '拍完相互检查，拍对即可拿到自己面前，等待后面一起算分；<br><br>规则二：当桌面上出现篮子牌，无论蘑菇颜色出现多少种，都可以挑选蘑菇数量总数最多的那种颜色的蘑菇卡牌来拍。拍完相互检查，拍对即' +
        '可拿到自己面前，等待后面一起算分，同时将篮子牌放到弃牌堆。当有人的手牌用完，即可结束游戏，然后通过计算自己面前的蘑菇牌的蘑菇总数来评判赢家'
        },
        {
            name:'股票大亨',vid:'a0374gh1k6j',img:base_url+'img/hardfun-14.jpg',
            title:'股票大亨游戏说明',pre:'本套卡牌能帮助孩子在好玩的股票买卖游戏中，反复练习个位数乘法，同时锻炼预测和推理能力树立简单的财务意识。',
            ability:'乘法、财商',person:'2-4人',age:'8岁以上',rule:'1）二人游戏规则<br><br>发给每人1张乘2牌和20元钱，其他的钱放在一边，作为银行贮备资金。将所有40张股票牌正面朝上，随机排列' +
        '成5列，每列8张，牌与牌下部相叠，仅露出上部数字即可。从年纪最小者开始游戏，在他的回合中，他必须选择以下三种行动中的一种执行：<br>&nbsp;&nbsp;&nbsp;&nbsp;A. 买入一张股票牌：从任意一列中，买入列尾的股票牌，买入价' +
        '格为股票牌的面值，买入的钱交给银行（购买的股票牌正面向上）。<br>&nbsp;&nbsp;&nbsp;&nbsp;B. 卖出两张相同颜色的股票牌：可以卖出两张相同颜色的股票牌，卖出的价格为两张股票牌的面值的乘积，卖出的钱从银行拿。（一次必须' +
        '卖出两张股票牌，既不能多，也不能少，卖出的股票牌进入弃牌堆）<br>&nbsp;&nbsp;&nbsp;&nbsp;C. 使用彩色乘2牌：可以卖出一张股票牌和一张彩色乘2牌，则此时卖出的价格为股票面值的两倍，卖出的钱从银行拿。（彩色乘2牌相当于白' +
        '搭牌，但它只能使用一次，卖出后与股票牌一起进入弃牌堆<br>一旦只剩2列牌时，游戏进入最后阶段。每人将还有最后一次额外卖出股票牌的机会，然后比较两人的钱，现金数较多的人获胜。<br><br>2）三人游戏规则<br><br>三人游戏时，基本规则与二' +
        '人游戏时的规则基本相同，不同之处在于停牌板：<br><strong>使用停牌版：</strong><br>不能买入停牌板所在列的股票牌。每人的回合结束时，他必须将停牌板移到另一个列尾，当只剩三列牌时，立刻取消停牌板。<br>注意：每人只能在自己的回合结束时移动停' +
        '牌板，而不是开始时；每人回合结束时，必须移动停牌板，而且它必须被移动停牌板，而且它必须被移到另一个不同的列尾；停牌板仅在三人游戏中采用，在二人或四人游戏中均不使用停牌板；<br><br>3）四人游戏规则<br><br>三人游戏时，基本规则' +
        '与二人游戏时的规则基本相同，<strong>不同之处在于：</strong><br>&nbsp;&nbsp;&nbsp;&nbsp;A. 每两人组成一个小组，必须间隔坐<br>&nbsp;&nbsp;&nbsp;&nbsp;B. 买入一张股票牌：只能使用自己（而不是同伴）的钱买入股票牌<br>&nbsp;&nbsp;&nbsp;&nbsp;' +
        'C. 卖出两张相同颜色的股票牌：卖出时必须选择一张自己的股票牌和一张同伴的股票牌，进行卖出行动的人获得全部现金<br>&nbsp;&nbsp;&nbsp;&nbsp;D. 使用彩色万能牌：卖出时可以选择将彩色万能牌与自己或同伴的一张股票牌共同使用，进行卖出行动的' +
        '人获得全部现金<br><br><strong>游戏结束时：</strong><br>&nbsp;&nbsp;&nbsp;&nbsp;A. 每组（而不是每人）有最后一次额外卖出股票牌的机会，现金数较多的组获胜<br>&nbsp;&nbsp;&nbsp;&nbsp;B. 注意：如果游戏进行中，有人既不能买入也不能卖出股票（最后的额外机' +
        '会除外），则此人所在的组马上判为失败，游戏结束'
        },
        {
            name:'你来我往猜古诗',vid:'r0374o0tti7',img:base_url+'img/hardfun-15.jpg',
            title:'你来我往猜古诗游戏说明',pre:'背诵古诗是一件枯燥的事，那就让游戏来让它变得有趣一点吧。本套卡牌涵盖了上海小学语文教材中涉及的全部108首古诗。您既可以根据孩子的学习阶段和情况，有重点的' +
        '使用某些卡牌，也可以将全部卡牌混合使用。',
            ability:'古诗背诵、语言能力',person:'2-6人',age:'6岁以上',rule:'家长抽取一张牌，让孩子猜牌中的关键词或古诗，猜中则牌归孩子；反之，孩子抽取牌则家长猜。猜测的方法是首先抽牌者给对方二到五' +
        '个提示（可以提前协商提示数量），然后猜测者可以通过问题来询问，抽牌者只能回答是或否。最后猜中关键词或背出古诗则可获得对方卡牌，最终获得卡牌较多者获胜。人多时，可一人抽取一张卡牌后，多人一起猜，猜' +
        '出来的人获得卡牌。'
        }

    ];
//    [
//        {name:'逗逗小分队',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=s0357yao4j2&auto=0'},
//        {name:'小鸭农场',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=a03579jdc1l&auto=0'},
//        {name:'表情帝',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=w0357fk2jwz&auto=0'},
//        {name:'寻找喵喵',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=c03578btt1a&auto=0'},
//        {name:'加10赛',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=q0357z3xpec&auto=0'},
//        {name:'GoGo碰',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=q0357k4nxrb&auto=0'},
//        {name:'图形接龙',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=y0357u6ge04&auto=0'},
//        {name:'小兔一家亲',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=f03577r9lou&auto=0'},
//        {name:'彩虹乐园',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=g0357qtil0c&auto=0'},
//        {name:'指环王',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=n0357l7o2hv&auto=0'},
//        {name:'分类连连看',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=l03572q0mp1&auto=0'},
//        {name:'土豆快跑',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=g0357oi2zee&auto=0'},
//        {name:'采蘑菇',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=i0374ozbqnv&auto=0'},
//        {name:'股票大亨',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=a0374gh1k6j&auto=0'},
//        {name:'你来我往猜古诗',address:'https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=r0374o0tti7&auto=0'},
//    ]

    //初始化app
    var myApp = new Framework7({
        modalTitle: '能量逗',
        modalButtonOk: '知道了',
        animateNavBackIcon: true,
        precompileTemplates: true,
        template7Pages: true
    });

//初始化view
    var mainView = myApp.addView('.view-main', {
        dynamicNavbar: true
    });

//预编译模板
    myApp.gamePreTextTemplate = Template7.compile($$('script#gamePreText').html());

    //初始化View背景
    $$('.view-main').css({
        'background':'url('+base_url+'img/games_pre_bg.png) repeat-y',
        'background-size':'100% auto'
    });
    //Swiper Image
    $$('#hardfunPre .swiper-slide').each(function () {
        var i = parseInt($$(this).data('index'));
        var url = 'url('+games[i].img+')';
        $$(this).css({'background-image':url});
    });

    //初始化Swiper
    var swiper = myApp.swiper('.swiper-container', {
        initialSlide: 1,
        effect: 'coverflow',
        centeredSlides: true,
        slidesPerView: 'auto',
        coverflow: {
            rotate: 50,
            stretch: 0,
            depth: 100,
            modifier: 1,
            slideShadows : true
        }
    });

    //初始化game text，从第二个游戏开始
    var html_origin = myApp.gamePreTextTemplate(games[1]);
    $$('#hardfunPre .game_txt').html(html_origin);

    //初始化视频播放器，从第二个游戏开始
    var video = new tvp.VideoInfo();
    video.setVid(games[1].vid);
    var player =new tvp.Player();
    player.create({
        width:320,
        height:240,
        video:video,
        modId:"video-container"
    });

    //swipe响应
    swiper.on('onTransitionEnd',function(s){
        var cur = parseInt(s.activeIndex);
        var html = myApp.gamePreTextTemplate(games[cur]);
        $$('#hardfunPre .game_txt').html(html);

        //player.pause();
        video.setVid(games[cur].vid);
        player = new tvp.Player();
        player.create({
            width:320,
            height:240,
            video:video,
            modId:"video-container"
        });
    });
}();